.tc-login {
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(./img/bg.jpg);
    background-size: 100% 100%;
    .login-box {
        position: relative;
        width: 1327px;
        height: 750px;
        background-image: url(./img/content.jpg);
        background-size: 100% 100%;
        @include boxcenter();
        .login-title {
            font-size: 28px;
            font-family: Source Han Sans CN;
            color: #ffffff;
            font-weight: 500;
            vertical-align: middle;
            margin: 30px auto 0;
            padding: 15px;
            text-align: center;
            height: 100px;
            line-height: 100px;
            .log {
                width: 77px;
                height: 56px;
                margin-top: 20px;
            }
        }
        .login-content {
            border-radius: 7px !important;
            width: 400px;
            padding: 10px 30px 30px;
            margin-right: 10px;
            overflow: hidden;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            background-color: transparent;
            .welcome {
                font-family: '微软雅黑';
                font-size: 18px;
                font-weight: normal;
                font-stretch: normal;
                line-height: 33px;
                letter-spacing: 0px;
                color: #666666;
            }
            .el-input__inner {
                height: 50px;
                line-height: 50px;
                border-color: $blue;
                border-radius: 100px;
                padding: 0 30px 0 45px;
                color: #666;
                &::placeholder {
                    color: $placeholder;
                }
                &::-webkit-input-placeholder {
                    /* WebKit browsers 适配谷歌 */
                    color: $placeholder;
                }
                &:-moz-placeholder {
                    /* Mozilla Firefox 4 to 18 适配火狐 */
                    color: $placeholder;
                }
                &::-moz-placeholder {
                    /* Mozilla Firefox 19+ 适配火狐 */
                    color: $placeholder;
                }
                &:-ms-input-placeholder {
                    /* Internet Explorer 10+  适配ie*/
                    color: $placeholder;
                }
            }
            .iconfont {
                line-height: 48px;
                font-size: 18px;
            }
            .el-input__prefix {
                left: 20px;
                color: $blue;
            }
            .code {
                position: absolute;
                width: 49px;
                height: 55px;
                right: 8px;
                top: 8px;
                cursor: pointer;
            }
            h3 {
                font-family: '微软雅黑';
                font-size: 28px;
                font-weight: 900;
                font-weight: normal;
                font-stretch: normal;
                line-height: 53px;
                letter-spacing: 0px;
                color: #333333;
                margin-bottom: 30px;
            }
            .login-btn {
                width: 100%;
                // background-color: #32c5d2;
                margin-top: 20px;
                margin-bottom: 10px;
                height: 50px;
                border-radius: 100px;
                background-color: $blue;
                &:hover,
                &:active {
                    background-color: $hoverBlue;
                }
            }
            .content-btm {
                margin-bottom: 20px;
                div {
                    cursor: pointer;
                    color: #424242;
                }
                .wjmm {
                    @include hover()
                }
            }
            .iconweixin {
                color: #46bb36;
                font-size: 30px;
                cursor: pointer;
            }
        }
        .btm-text {
            text-align: center;
            padding: 5px;
            color: #fff;
            font-size: 13px;
            img {
                width: 15px;
                height: 16px;
            }
        }
        .reference {
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            color: #fff;
        }
    }
}